<template>
	<view>
		<view class="record-list">
			<view class="record-card">
				<view class="record-card__hd">
					<view class="record-card__bed">内科</view>
					<view class="record-card__ks">转出</view>
				</view>
				<view class="record-card__bd">
					<view class="record-info clearfix">
						<view class="item">
							姓名：<text>旷岩状</text>
						</view>
						<view class="item">
							手机号：<text>12345678900</text>
						</view>
						<view class="item">
							操作：<text>100</text>
						</view>
						<view class="item">
							类型：<text>规培</text>
						</view>
						<view class="item item-lg">
							地址：<text>浙江省台州市天台县分区医院南昌路360号 </text>
						</view>
					</view>
					<view class="record-bt">
						<view class="record-date">
							日期：2021/02/14 12:14:20
						</view>
						<view class="record-name">
							江姝先
						</view>
					</view>
				</view>
				<view class="record-card__ft">
					<button type="default" class="btn refuse-btn">拒绝</button>
					<button type="default" class="btn agree-btn">同意</button>
				</view>
			</view>
			<view class="record-card">
				<view class="record-card__hd">
					<view class="record-card__bed">内科</view>
					<view class="record-card__ks">转出</view>
				</view>
				<view class="record-card__bd">
					<view class="record-info clearfix">
						<view class="item">
							姓名：<text>旷岩状</text>
						</view>
						<view class="item">
							手机号：<text>12345678900</text>
						</view>
						<view class="item">
							操作：<text>100</text>
						</view>
						<view class="item">
							类型：<text>规培</text>
						</view>
						<view class="item item-lg">
							地址：<text>浙江省台州市天台县分区医院南昌路360号 </text>
						</view>
					</view>
					<view class="record-bt">
						<view class="record-date">
							日期：2021/02/14 12:14:20
						</view>
						<view class="record-name">
							江姝先
						</view>
					</view>
				</view>
				<view class="record-card__ft">
					<button type="default" class="btn refuse-btn">拒绝</button>
					<button type="default" class="btn agree-btn">同意</button>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		onLoad() {

		},
		methods: {

		}
	}
</script>

<style lang="scss" scoped>
	.record-list {
		padding: 20rpx 30rpx;
	}

	.record-card {
		background-color: #fff;
		margin-bottom: 20rpx;
		border-radius: 0 0 16rpx 16rpx;
	}

	.record-card__hd {
		border-radius: 16rpx 16rpx 0 0;
		padding: 13rpx 20rpx;
		font-size: 32rpx;
		line-height: 40rpx;
		color: #fff;
		display: flex;
		align-items: center;
		background-image: linear-gradient(#4ac6ff, #02a0e8);
	}

	.record-card__bed {
		margin-right: 30rpx;
	}

	.record-card__bd {
		padding: 14rpx 20rpx;
	}

	.record-info .item {
		font-size: 32rpx;
		color: #8d8e95;
		float: left;
		width: 50%;
		line-height: 60rpx;
		white-space: nowrap;
	}

	.item-lg {
		width: 100%;
	}

	.record-info .item text {
		font-size: 30rpx;
		color: #333333;
	}

	.record-bt {
		display: flex;
		align-items: center;
		justify-content: space-between;
		line-height: 60rpx;
	}

	.record-date {
		font-size: 26rpx;
		color: #8d8e95;
	}

	.record-name {
		font-size: 24rpx;
		color: #8d8e95;
	}

	.record-card__zc {
		font-size: 28rpx;
	}

	.record-card__ft {
		padding: 0 20rpx 20rpx;
		display: flex;
		align-items: center;
		justify-content: flex-end;

		.btn {
			width: 130rpx;
			height: 60rpx;
			font-size: 32rpx;
			text-align: center;
			padding: 0;
			line-height: 60rpx;
			margin: 0;
			margin-left: 30rpx;
		}

		.refuse-btn {
			color: #248ee8;
			background-color: transparent;
		}

		.refuse-btn::after {
			border: 1rpx solid #248ee8;
		}

		.agree-btn {
			color: #fff;
			background-color: #248ee8;
		}

		.agree-btn::after {
			color: #fff;
			border: 1rpx solid #248ee8;
		}

	}
	
	.record-card__ks{
		font-size: 28rpx;
	}
</style>
